<!doctype html>
<html lang="en-US">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport"
	content="width=device-width, initial-scale=1, shrink-to-fit=no">

<!-- Bootstrap CSS -->
<link rel="stylesheet" href="static/css/bootstrap.min.css">

<!-- Custom Css -->
<link rel="stylesheet" href="static/css/style.css" type="text/css" />

<!-- Ionic icons -->
<link href="static/css/ionicons.min.css" rel="stylesheet">


<script type="text/javascript" src="static/js/jquery.js"></script>
<script type="text/javascript" src="static/js/highcharts.js"></script>
<script type="text/javascript" src="static/js/monkey.js"></script>
<script type="text/javascript" src="static/js/qwebchannel.js"></script>

<title>Home</title>

</head>

<body>

	<!-- N A V B A R  -->
	<nav
		class="navbar navbar-default navbar-expand-lg fixed-top custom-navbar">
		<div class="collapse navbar-collapse" id="navbarNavDropdown"
			style="height: 70px;">
			<div class="container">
				<div id="logo"></div>
				<h3 onclick="window.open('index.html')"
					style="color: #0095F7; position: relative; font-size: 32px; top: 17px;">测试小工具</h3>
				<small style="position: relative; top: -5px; color: #8DA2B5;">特斯汀学院实用小工具（Powered By William testingedu.com.cn）</small>
			<button id="stop" onclick="stopmonitor();" class="btn btn-buy"
					style="position: fixed; left: 80%; top: -5px;">停止监控</button>
				<button id="monitor" onclick="monitors();" class="btn btn-buy"
					style="position: fixed; left: 67%; top: -5px;">开始监控</button>
				<button id="run" onclick="runtests();" class="btn btn-buy"
					style="position: fixed; left: 54%; top: -5px;">开始测试</button>
			</div>
			<div id="show"></div>
		</div>
	</nav>
	<!-- E N D N A V B A R  -->


	<!--  P R I C I N G  -->
	<section id="testimonials" style="padding-top: 100px;">
		<div class="container">
			<div class="row">
				<div class="col-md-6">
					<div class="pricing-box" style="height: 675px;">
						<span><h4>Monkey参数配置</h4></span> <small>配置monkey运行的相关参数</small>
						<div class="divider-light"></div>
						<form id="rundatas">
							<ul>
								<li style="width: 50%; float: left;"><i
									class="icon ion-md-checkmark-circle-outline"></i>选 择 设 备：
									<button id="refresh" type="button" onclick="getdevices();"
										style="font-size: 14px; margin: 5px 10px 10px 0; color: #0095f7; width: 65px; position: relative; float: right; right: 18px;">
										刷新</button> <select id="devices" name="devicename"
									style="font-size: 17px; margin: 5px 10px 10px 0; color: #0095f7; width: 45%; border: 1px solid; height: 30px; position: relative; float: right; right: 18px;">
										<option value="-1">请选择</option>
								</select></li>
								<li style="width: 50%; float: right;"><i
									class="icon ion-md-checkmark-circle-outline"></i>测 试 包 名：<input
									name="package" value="com.tencent.mobileqq"
									style="font-size: 20px; margin: 5px 10px 10px 0; color: #0095f7; width: 60%; border: 1px solid; height: 30px; position: relative; float: right; right: 20px;">
								</li>
								<li style="width: 50%; float: left;"><i
									class="icon ion-md-checkmark-circle-outline"></i>随机种子数：<input
									name="seed" value="23"
									style="font-size: 17px; margin: 5px 10px 10px 0; color: #0095f7; width: 60%; border: 1px solid; height: 30px; position: relative; float: right; right: 18px;">
								</li>
								<li style="width: 50%; float: right;"><i
									class="icon ion-md-checkmark-circle-outline"></i>时 间 间 隔：<input
									name="throttle" value="100"
									style="font-size: 20px; margin: 5px 10px 10px 0; color: #0095f7; width: 60%; border: 1px solid; height: 30px; position: relative; float: right; right: 20px;">
								</li>
								<li style="width: 50%; float: left;"><i
									class="icon ion-md-checkmark-circle-outline"></i>点 击 次 数：<input
									name="sumevent" value="100000"
									style="font-size: 17px; margin: 5px 10px 10px 0; color: #0095f7; width: 60%; border: 1px solid; height: 30px; position: relative; float: right; right: 18px;">
								</li>
								<li style="width: 50%; float: right;"><i
									class="icon ion-md-checkmark-circle-outline"></i>日 志 路 径：<input
									name="logpath" value="d:\test.log"
									style="font-size: 20px; margin: 5px 10px 10px 0; color: #0095f7; width: 60%; border: 1px solid; height: 30px; position: relative; float: right; right: 20px;">
								</li>
								<li style="width: 100%; float: left;"><small
									style="height: 25px; display: block; position: relative; line-height: 10px; font-size: 13px; top: 20px;">
										事件配置100以内的整数，不能大于100; 如果任意事件配置不填，则为默认比例 </small></li>

								<li
									style="width: 100%; float: left; height: 22px; top: -23px; position: relative;">
									<div class="divider-light"></div>
								</li>
								<li style="width: 50%; float: left;"><i
									class="icon ion-md-checkmark-circle-outline"></i>pct-touch：<input
									name="touch"
									style="font-size: 17px; margin: 5px 10px 10px 0; color: #0095f7; width: 60%; border: 1px solid; height: 30px; position: relative; float: right; right: 18px;">
								</li>
								<li style="width: 50%; float: right;"><i
									class="icon ion-md-checkmark-circle-outline"></i>pct-motion：<input
									name="motion"
									style="font-size: 20px; margin: 5px 10px 10px 0; color: #0095f7; width: 60%; border: 1px solid; height: 30px; position: relative; float: right; right: 20px;">
								</li>
								<li style="width: 50%; float: left;"><i
									class="icon ion-md-checkmark-circle-outline"></i>pct-pinchzoom：<input
									name="pinchzoom"
									style="font-size: 17px; margin: 5px 10px 10px 0; color: #0095f7; width: 60%; border: 1px solid; height: 30px; position: relative; float: right; right: 18px;">
								</li>
								<li style="width: 50%; float: right;"><i
									class="icon ion-md-checkmark-circle-outline"></i>pct-trackball：<input
									name="trackball"
									style="font-size: 20px; margin: 5px 10px 10px 0; color: #0095f7; width: 60%; border: 1px solid; height: 30px; position: relative; float: right; right: 20px;">
								</li>
								<li style="width: 50%; float: left;"><i
									class="icon ion-md-checkmark-circle-outline"></i>pct-rotation：<input
									name="rotation"
									style="font-size: 17px; margin: 5px 10px 10px 0; color: #0095f7; width: 60%; border: 1px solid; height: 30px; position: relative; float: right; right: 18px;">
								</li>
								<li style="width: 50%; float: right;"><i
									class="icon ion-md-checkmark-circle-outline"></i>pct-nav：<input
									name="nav"
									style="font-size: 20px; margin: 5px 10px 10px 0; color: #0095f7; width: 60%; border: 1px solid; height: 30px; position: relative; float: right; right: 20px;">
								</li>
								<li style="width: 50%; float: left;"><i
									class="icon ion-md-checkmark-circle-outline"></i>pct-majornav：<input
									name="majornav"
									style="font-size: 17px; margin: 5px 10px 10px 0; color: #0095f7; width: 60%; border: 1px solid; height: 30px; position: relative; float: right; right: 18px;">
								</li>
								<li style="width: 50%; float: right;"><i
									class="icon ion-md-checkmark-circle-outline"></i>pct-syskeys：<input
									name="syskeys"
									style="font-size: 20px; margin: 5px 10px 10px 0; color: #0095f7; width: 60%; border: 1px solid; height: 30px; position: relative; float: right; right: 20px;">
								</li>
								<li style="width: 50%; float: left;"><i
									class="icon ion-md-checkmark-circle-outline"></i>pct-appswitch：<input
									name="appswitch"
									style="font-size: 17px; margin: 5px 10px 10px 0; color: #0095f7; width: 60%; border: 1px solid; height: 30px; position: relative; float: right; right: 18px;">
								</li>
								<li style="width: 50%; float: right;"><i
									class="icon ion-md-checkmark-circle-outline"></i>pct-flip：<input
									name="flip"
									style="font-size: 20px; margin: 5px 10px 10px 0; color: #0095f7; width: 60%; border: 1px solid; height: 30px; position: relative; float: right; right: 20px;">
								</li>
								<li style="width: 50%; float: left;"><i
									class="icon ion-md-checkmark-circle-outline"></i>pct-anyevent：<input
									name="anyevent"
									style="font-size: 17px; margin: 5px 10px 10px 0; color: #0095f7; width: 60%; border: 1px solid; height: 30px; position: relative; float: right; right: 18px;">
								</li>
								<li style="width: 50%; float: right;"><i
									class="icon ion-md-checkmark-circle-outline"></i>log-level：<input
									name="level" value="-v -v -v"
									style="font-size: 17px; margin: 5px 10px 10px 0; color: #0095f7; width: 60%; border: 1px solid; height: 30px; position: relative; float: right; right: 18px;">
								</li>
								<li style="width: 100%; float: left;"><i
									class="icon ion-md-checkmark-circle-outline"></i>其 他 参 数：<input
									name="other" value="--ignore-crashes --ignore-timeouts"
									style="font-size: 20px; margin: 5px 10px 10px 0; color: #0095f7; width: 79.8%; border: 1px solid; height: 30px; position: relative; float: right; right: 20px;">
								</li>
							</ul>
						</form>
					</div>
				</div>
			</div>
		</div>
	</section>
	<!-- E N D P R I C I N G -->

	<!-- T E S T I M O N I A L S -->
	<section id="testimonials">
		<div class="container" style="margin-bottom:50px;">
			<div class="row">
				<div class="col-md-6">
					<div class="testimonial-box">
						<div class="row personal-info">
							<div class="col-md-10 col-xs-10"
								style="text-align: center; left: 10%;">
								<h6>
									<span class="rating" style="font-size: 20px;"><i
										class="icon ion-md-star"></i>CPU</span> &nbsp&nbspcpu实时监控
								</h6>
								<small style="position: relative; display: block;">每秒刷新一次监控记录，实时记录更新CPU占用数据</small>
								<small id="cpudata" style="position: relative; float: right;">平均值：1
									| 最大值：50 (单位%)</small>
							</div>
						</div>
						<div id="container"
							style="width: 100%; height: 60%; margin: 0 auto;"></div>
					</div>
				</div>
			</div>
			<div class="row">
				<div class="col-md-6">
					<div class="testimonial-box">
						<div class="row personal-info">
							<div class="col-md-10 col-xs-10"
								style="text-align: center; left: 10%;">
								<h6>
									<span class="rating" style="font-size: 20px;"><i
										class="icon ion-md-star"></i>内存</span> &nbsp&nbsp内存实时监控
								</h6>
								<small style="position: relative; display: block;">每秒刷新一次监控记录，实时记录更新内存占用数据</small>
								<small id="memdata" style="position: relative; float: right;">平均值：1
									最大值：50 (单位M)</small>
							</div>
						</div>
						<div id="container1"
							style="width: 100%; height: 60%; margin: 0 auto;"></div>
					</div>
				</div>
			</div>
			<div class="row">
				<div class="col-md-6">
					<div class="testimonial-box">
						<div class="row personal-info">
							<div class="col-md-10 col-xs-10"
								style="text-align: center; left: 10%;">
								<h6>
									<span class="rating" style="font-size: 20px;"><i
										class="icon ion-md-star"></i>流量</span> &nbsp&nbsp网络实时监控
								</h6>
								<small style="position: relative; display: block;">每秒刷新一次监控记录，实时记录更新流量占用数据</small>
								<small id="flowdata"
									style="position: relative; float: right; left: 82px; line-height: 30px;">上行：avg:1
									max:50 sum:50 (kb/s) | 下行：avg:1 max:50 sum:50 (kb/s) </small>
							</div>
						</div>
						<div id="container2"
							style="width: 100%; height: 60%; margin: 0 auto;"></div>
					</div>
				</div>
			</div>
		</div>
	</section>
	<!-- E N D T E S T I M O N I A L S -->

	<!-- External JavaScripts -->
	<!-- jQuery first, then Popper.js, then Bootstrap JS -->
	<!--
<script src="js/jquery-3.3.1.slim.min.js"></script>
-->
	<script src="static/js/popper.min.js"></script>
	<script src="static/js/bootstrap.min.js"></script>
</body>
</html>